<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" href="/pages/tnt/device/device.css">

    <script type="text/javascript" src="/pages/tnt/device/device.js"></script>
</head>
<body>
        <div class="rows rows-head flow-border">
            <div class="rows-head-box">
                <div class="left">
                    <div class="card-body">
                        <h5 class="card-title"><span class="refreshDateTime"></span></h5>
                        <p class="card-text">在线数量：<span class="activeTotal">0</span></p>
                        <p class="card-text" style="height: 10px;">&nbsp;</p>
                        <h5 class="card-title">虚拟设备</h5>
                        <p class="card-text">虚拟设备要连接到平台，需要先在平台创建设备(支持单个或批量导入创建)，并获取连接到平台的鉴权信息。设备列表包含自主创建的设备和他人转移的设备，同时支持灵活的搜索和列表导出。</p>

                    </div>
                </div>
                <div class="right"></div>
            </div>
        </div>

        <div class="rows rows-search">
            <div class="search-group">
                <div class="input-group input-search-group">
                    <div class="input-group-prepend">
                        <button class="btn btn-outline-secondary dropdown-toggle input-search-option-but-left" type="button" data-toggle="dropdown" aria-expanded="false">搜索项</button>
                        <input type="hidden" id="searchOption">
                        <div class="dropdown-menu input-search-option-left">
                            <a class="dropdown-item searchItem" href="#">产品<input name="item" type="hidden" value="1"></a>
                            <a class="dropdown-item searchItem" href="#">终端<input name="item" type="hidden" value="2"></a>
                        </div>
                    </div>
                    <input type="text" id="searchInput" class="form-control input-search-control col-sm-4" placeholder="搜索">

                    <div class="input-group-prepend">
                        <button id="search" class="btn btn-outline-secondary  input-search-option-but-right" type="button">查询</button>
                    </div>
                </div>
            </div>

            <div class="search-group search-group-expand">
                <div class="input-search-group prepend-breakaway">

                    <div class="input-group-prepend input-group-prepend-breakaway">
                        <button class="btn btn-outline-secondary dropdown-toggle input-search-option-but-protocol" type="button" data-toggle="dropdown" aria-expanded="false">协议</button>
                        <input type="hidden" id="protocol">
                        <div class="dropdown-menu input-search-option-protocol">
                            <a class="dropdown-item searchItem" href="#">VERTX_BRIDGE<input name="item" type="hidden" value="VERTX_BRIDGE"></a>
                            <a class="dropdown-item searchItem" href="#">MQTT<input name="item" type="hidden" value="MQTT"></a>
                        </div>
                    </div>

                    <div class="input-group-prepend timer-switch input-group-prepend-breakaway">
                        <input type="checkbox" id="timerSwitch" class="form-control mb-2 mr-sm-2" checked>
                    </div>

                </div>
            </div>


            <div class="operate-group">
                <a class="btn btn-link searchStartStop" href="#">查询启动<input name="item" type="hidden" value="1"></a>
                <a class="btn btn-link searchStartStop" href="#">查询停止<input name="item" type="hidden" value="2"></a>

                <a class="btn btn-link checkStartStop" href="#">全选启动<input name="item" type="hidden" value="1"></a>
                <a class="btn btn-link checkStartStop" href="#">全选停止<input name="item" type="hidden" value="2"></a>

                <a class="btn btn-link checkStartStop" href="#">选中启动<input name="item" type="hidden" value="1"></a>
                <a class="btn btn-link checkStartStop" href="#">选中停止<input name="item" type="hidden" value="2"></a>

                <a class="btn btn-link checkCurrentPage" href="#">全选<input name="item" type="hidden" value="1"></a>
                <a class="btn btn-link checkCurrentPage" href="#">反选<input name="item" type="hidden" value="2"></a>
                <a class="btn btn-link checkCurrentPage" href="#">取消全选<input name="item" type="hidden" value="3"></a>
            </div>
        </div>






        <div class="rows rows-temp">
            <input type="hidden" id="deviceTemp">
        </div>

        <div class="rows rows-card">
            <div class="cards"></div>
        </div>

        <div class="rows rows-pagination">
            <div class="pagination">
                <input type="hidden" id="pageNumber">
                <div id="pagination"></div>
            </div>
        </div>


   </body>
</html>